.myagreement-main{
	width: 100%;
	min-height: 700px;
	background-color: #FFFBE7;
}
.myagreement-main img{
	width: 100%;

}
.myagreement-parent{
	width: 100%;
	position: relative;
}
.myagreement-content{
	position: absolute;
	top: -136px;
	width: 100%;

}
.myagreement-title{
	text-align: center;
}
.myagreement-title h2{
	font-size: 18px;
	color: rgb(51,51,51)
}
.myagreement-title p{
	font-size: 12px;
	padding-top: 6px;
	color: rgb(102,102,102)
}
.myagreement-list{
	width: 100%;
	margin-top:30px;
}
.myagreement-list li{
	border-radius: 4px;
	border: 1px solid #FFA470;
	color: #fff;
	margin: 0 12px 22px;
	padding: 19px 0;
	background-image:linear-gradient(to left,#FFCC6A,#FFA856,#FF9558);
    box-shadow:0px 4px 10px 1px rgba(255,160,0,0.45);
}

.myagreement-list li:active{
	background: #F39762;
}
.myagreement-list li h3{
	font-size: 20px;
	padding:0 19px;
	letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 400;
}
.myagreement-list li p{
	font-size: 12px;
	margin-top: 3px;
	margin-left: 19px;
	line-height: 20px;

}
.myagreement-list li p i{
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #fff;
	margin: 0 6px;
}